<template>
  <div class="image-wrapper">
    <img src="https://img.zcool.cn/community/01e9df5e0b4a92a8012165183a33f9.jpg@1280w_1l_2o_100sh.jpg" style="width: 100%; height: 100%;" alt="">
  </div>
</template>

<script>
export default {
  props: {
    imgUrl: {
      type: String,
      default: ''
    },
    imgWidth: {
      type: Number,
      default: 100
    },
    imgHeight: {
      type: Number,
      default: 100
    }
  },
  data () {
    return {
      imgUr: ''
    }
  },
  mounted () {
    console.log(this.imgUrl)
  }
}
</script>

<style lang="scss" scoped>
.image-wrapper {
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
}
</style>
